<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CSS3 Transition - SliderAdv</title>
        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]--> 
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <div class="wrap">
            <h1 class="header">DFUNS 設計之邑</h1>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a1.jpg" width="220" height="140" />
                        <h1>Illustrator</h1>
                    </div>
                    <div class="box2">
                        <h1>Illustrator</h1>
                        <p>本課程將從最基本的工具操作、平面設計、插畫設計、icon 設計、logo 設計、印刷排版...講起，課程內將有大量的範例讓您實際操作，因此沒有學過 illustrator 的也可以參加喔!</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a2.jpg" width="220" height="140" />
                        <h1>Photoshop</h1>
                    </div>
                    <div class="box2">
                        <h1>Photoshop</h1>
                        <p>Photoshop 是影像設計界最重要的軟體，想學習職業級的影像處理技巧以及合成技巧嗎！您不能錯過本課程喔！全課程包含大量的修圖範例、去背、特效合成範例、商業設計範例</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a3.jpg" width="220" height="140" />
                        <h1>ActionScript 3.0</h1>
                    </div>
                    <div class="box2">
                        <h1>ActionScript 3.0</h1>
                        <p>本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a4.jpg" width="220" height="140" />
                        <h1>Android APP</h1>
                    </div>
                    <div class="box2">
                        <h1>Android APP</h1>
                        <p>完全的入門攻略 一起加入熱血的 Android 行列，適合對像：對手機開發有高度狂熱者，至少寫過任一物件導向程式語言，對類別有一定基礎者，都是奶綠茶老師實際開發過的 APP</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a5.jpg" width="220" height="140" />
                        <h1>Mobile Web</h1>
                    </div>
                    <div class="box2">
                        <h1>Mobile Web</h1>
                        <p>使用 HTML5 和 CSS3 語法，搭配 JavaScript 和 jQuery 語法製作動態翻頁、AJAX 載入、觸控事件，符合 iOS 和 Android 系統，還可以使用 Phonegap 將網頁包裝成 APP 上架</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a6.jpg" width="220" height="140" />
                        <h1>User Interface</h1>
                    </div>
                    <div class="box2">
                        <h1>User Interface</h1>
                        <p>所謂 User Interface 設計即使用者與系統之間的一個溝通介面設計，而 User Experience Design 在設計的過程中，讓 UI 的設計更直覺及更貼近人性思維</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a7.jpg" width="220" height="140" />
                        <h1>ActionScript 3.0 & XML</h1>
                    </div>
                    <div class="box2">
                        <h1>ActionScript 3.0 & XML</h1>
                        <p>Flash 和網頁的傳值與接值，如何和伺服端程式溝通，結合 XML 的整合應用，讓作品更方便的新增與管理，實作練習在專案上常使用到的互動式 Flash 新聞公告，Flash 留言版</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a8.jpg" width="220" height="140" />
                        <h1>Photoshop JPG & RAW</h1>
                    </div>
                    <div class="box2">
                        <h1>Photoshop JPG & RAW</h1>
                        <p>為攝影玩家量身打造的 Photoshop 攝影後製課程!! 課程內有大量的照片和範例讓您實際操作，從基礎圖的像光學觀念分析講解，讓您札札實實打好後製基礎，最實用的修片後製技巧</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a9.jpg" width="220" height="140" />
                        <h1>CSS & DIV</h1>
                    </div>
                    <div class="box2">
                        <h1>CSS & DIV</h1>
                        <p>CSS 的視覺設計效果遠遠超越傳統表格網頁，更多的視覺化編排方法，不需要像傳統表格網頁需要將圖片切割的十分零碎，CSS 只要透過短短的語法就可以達到更好更快速的編排效果喔</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a10.jpg" width="220" height="140" />
                        <h1>jQuery</h1>
                    </div>
                    <div class="box2">
                        <h1>jQuery</h1>
                        <p>jQuery 是一個快速又簡潔的 JavaScript 程式庫，簡化 HTML 屬性的存取使用、事件的監聽處理及 Ajax 之外，也解決了瀏覽器間的相容性問題，還有一些和 Flash 的一樣的動畫效果</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a11.jpg" width="220" height="140" />
                        <h1>JavaScript jQuery</h1>
                    </div>
                    <div class="box2">
                        <h1>JavaScript jQuery</h1>
                        <p>本課程是 JavaScript 的入門課程，從最基本的指令語法講起，先讓您一步一步打好 JavaScript 的基礎，再討論「DOM 文件物件模型」的觀念，讓您學會 JavaScript 精髓</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="boxWrap">
                    <div class="box1">
                        <img src="images/a12.jpg" width="220" height="140" />
                        <h1>WordPress</h1>
                    </div>
                    <div class="box2">
                        <h1>WordPress</h1>
                        <p>WordPress早已跨越部落格的範圍，許多國際知名的商業網站與內容網站都是使用WordPress架設，課程包含安裝WordPress、系統設定、使用管理、網站最佳化、外掛、佈景設計</p>
                        <a href="javascript:;">我要報名</a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
